<!-- 登入 -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>登录</title>
    <link rel="icon"  href="/img/蛋糕.svg" />
    <link rel="stylesheet" href="./css/login.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/vue.min.js"></script>

</head>

<body style="overflow:scroll;overflow-y:hidden">
    <div class="header">

    </div>
    <div class="header_top">
        <p> <a href="#"><img src="./img/logo.png" alt="" /></a><img src=" ">Mcake团队从研发生产到销售配送，全程实施监控运行，使用来自法国等地近70种原材料
        </p>
    </div>

    <div class="content">
        <div class="contion">
            <div class="login">
                <p class="login_header">
                    严格遵守蛋糕制作工艺，带来难忘的巴黎味道。
                </p>

                <a class="login_a" href="#">登录</a>
                <div id="main">
                    <form action="#">
                        <div class="login_content">
                            <i style="margin-top: 3px;"><svg t="1688283538063" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3235" width="32" height="32">
                                    <path
                                        d="M386.56 473.568C327.104 433.28 288 365.152 288 288 288 164.384 388.384 64 512 64 635.616 64 736 164.384 736 288 736 365.152 696.896 433.28 637.44 473.568 751.776 522.4 832 635.904 832 768L832 896 192 896 192 768C192 635.904 272.224 522.4 386.56 473.568Z"
                                        p-id="3236"></path>
                                </svg></i>
                            <input type="text" name="username" value="" v-model="username" placeholder="邮箱/用户名/手机">
                        </div>
                        <div class="login_content">
                            <i><svg t="1688283584611" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="4299" width="32" height="32">
                                    <path
                                        d="M853.932164 349.716959l-91.221832 0c0-146.51384-111.981287-258.495127-254.702534-258.495127-142.920858 0-254.702534 111.981287-254.702534 258.495127L161.883821 349.716959C161.883821 173.860429 316.980897 0 507.808187 0 698.635478 0 853.932164 173.860429 853.932164 349.716959L853.932164 349.716959zM969.706043 499.624172c0-50.301754-40.920078-91.221832-91.221832-91.221832L147.511891 408.402339c-50.301754 0-91.221832 40.920078-91.221832 91.221832l0 433.153996c0 50.301754 40.920078 91.221832 91.221832 91.221832l730.77271 0c50.301754 0 91.221832-40.920078 91.221832-91.221832L969.506433 499.624172 969.706043 499.624172zM585.25692 838.362573c0 37.726316-30.540351 68.466277-68.466277 68.466277l-9.780897 0c-37.726316 0-68.466277-30.540351-68.466277-68.466277l0-185.637427c0-37.726316 30.540351-68.466277 68.466277-68.466277l9.780897 0c37.726316 0 68.466277 30.540351 68.466277 68.466277L585.25692 838.362573 585.25692 838.362573zM585.25692 838.362573"
                                        fill="#272636" p-id="4300"></path>
                                </svg></i>
                            <input type="password" name="password" value="" v-model="password" placeholder="密码">
                        </div>
                        <div class="fpwd">
                            <a href="#">忘记密码</a>
                        </div>
                        <button class="login_b" @click="login()" href="#">登&nbsp&nbsp&nbsp&nbsp&nbsp录</button>
                    </form>
                    <div id="app">
                        <div class="login_footer">
                            <a class="footer_c" href="#"><i style="margin-top: -25px;"><svg t="1688283626814"
                                        class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="6197" width="16" height="16">
                                        <path
                                            d="M511.09761 957.257c-80.159 0-153.737-25.019-201.11-62.386-24.057 6.702-54.831 17.489-74.252 30.864-16.617 11.439-14.546 23.106-11.55 27.816 13.15 20.689 225.583 13.211 286.912 6.767v-3.061z"
                                            fill="#FAAD08" p-id="6198"></path>
                                        <path
                                            d="M496.65061 957.257c80.157 0 153.737-25.019 201.11-62.386 24.057 6.702 54.83 17.489 74.253 30.864 16.616 11.439 14.543 23.106 11.55 27.816-13.15 20.689-225.584 13.211-286.914 6.767v-3.061z"
                                            fill="#FAAD08" p-id="6199"></path>
                                        <path
                                            d="M497.12861 474.524c131.934-0.876 237.669-25.783 273.497-35.34 8.541-2.28 13.11-6.364 13.11-6.364 0.03-1.172 0.542-20.952 0.542-31.155C784.27761 229.833 701.12561 57.173 496.64061 57.162 292.15661 57.173 209.00061 229.832 209.00061 401.665c0 10.203 0.516 29.983 0.547 31.155 0 0 3.717 3.821 10.529 5.67 33.078 8.98 140.803 35.139 276.08 36.034h0.972z"
                                            fill="#000000" p-id="6200"></path>
                                        <path
                                            d="M860.28261 619.782c-8.12-26.086-19.204-56.506-30.427-85.72 0 0-6.456-0.795-9.718 0.148-100.71 29.205-222.773 47.818-315.792 46.695h-0.962C410.88561 582.017 289.65061 563.617 189.27961 534.698 185.44461 533.595 177.87261 534.063 177.87261 534.063 166.64961 563.276 155.56661 593.696 147.44761 619.782 108.72961 744.168 121.27261 795.644 130.82461 796.798c20.496 2.474 79.78-93.637 79.78-93.637 0 97.66 88.324 247.617 290.576 248.996a718.01 718.01 0 0 1 5.367 0C708.80161 950.778 797.12261 800.822 797.12261 703.162c0 0 59.284 96.111 79.783 93.637 9.55-1.154 22.093-52.63-16.623-177.017"
                                            fill="#000000" p-id="6201"></path>
                                        <path
                                            d="M434.38261 316.917c-27.9 1.24-51.745-30.106-53.24-69.956-1.518-39.877 19.858-73.207 47.764-74.454 27.875-1.224 51.703 30.109 53.218 69.974 1.527 39.877-19.853 73.2-47.742 74.436m206.67-69.956c-1.494 39.85-25.34 71.194-53.24 69.956-27.888-1.238-49.269-34.559-47.742-74.435 1.513-39.868 25.341-71.201 53.216-69.974 27.909 1.247 49.285 34.576 47.767 74.453"
                                            fill="#FFFFFF" p-id="6202"></path>
                                        <path
                                            d="M683.94261 368.627c-7.323-17.609-81.062-37.227-172.353-37.227h-0.98c-91.29 0-165.031 19.618-172.352 37.227a6.244 6.244 0 0 0-0.535 2.505c0 1.269 0.393 2.414 1.006 3.386 6.168 9.765 88.054 58.018 171.882 58.018h0.98c83.827 0 165.71-48.25 171.881-58.016a6.352 6.352 0 0 0 1.002-3.395c0-0.897-0.2-1.736-0.531-2.498"
                                            fill="#FAAD08" p-id="6203"></path>
                                        <path
                                            d="M467.63161 256.377c1.26 15.886-7.377 30-19.266 31.542-11.907 1.544-22.569-10.083-23.836-25.978-1.243-15.895 7.381-30.008 19.25-31.538 11.927-1.549 22.607 10.088 23.852 25.974m73.097 7.935c2.533-4.118 19.827-25.77 55.62-17.886 9.401 2.07 13.75 5.116 14.668 6.316 1.355 1.77 1.726 4.29 0.352 7.684-2.722 6.725-8.338 6.542-11.454 5.226-2.01-0.85-26.94-15.889-49.905 6.553-1.579 1.545-4.405 2.074-7.085 0.242-2.678-1.834-3.786-5.553-2.196-8.135"
                                            fill="#000000" p-id="6204"></path>
                                        <path
                                            d="M504.33261 584.495h-0.967c-63.568 0.752-140.646-7.504-215.286-21.92-6.391 36.262-10.25 81.838-6.936 136.196 8.37 137.384 91.62 223.736 220.118 224.996H506.48461c128.498-1.26 211.748-87.612 220.12-224.996 3.314-54.362-0.547-99.938-6.94-136.203-74.654 14.423-151.745 22.684-215.332 21.927"
                                            fill="#FFFFFF" p-id="6205"></path>
                                        <path
                                            d="M323.27461 577.016v137.468s64.957 12.705 130.031 3.91V591.59c-41.225-2.262-85.688-7.304-130.031-14.574"
                                            fill="#EB1C26" p-id="6206"></path>
                                        <path
                                            d="M788.09761 432.536s-121.98 40.387-283.743 41.539h-0.962c-161.497-1.147-283.328-41.401-283.744-41.539l-40.854 106.952c102.186 32.31 228.837 53.135 324.598 51.926l0.96-0.002c95.768 1.216 222.4-19.61 324.6-51.924l-40.855-106.952z"
                                            fill="#EB1C26" p-id="6207"></path>
                                    </svg></i>QQ</a>丨
                            <a class="footer_c" href="#"><i style="margin-top: -25px;"><svg t="1688283716074"
                                        class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="7376" width="16" height="16">
                                        <path
                                            d="M337.387283 341.82659c-17.757225 0-35.514451 11.83815-35.514451 29.595375s17.757225 29.595376 35.514451 29.595376 29.595376-11.83815 29.595376-29.595376c0-18.49711-11.83815-29.595376-29.595376-29.595375zM577.849711 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763zM501.641618 401.017341c17.757225 0 29.595376-12.578035 29.595376-29.595376 0-17.757225-11.83815-29.595376-29.595376-29.595375s-35.514451 11.83815-35.51445 29.595375 17.757225 29.595376 35.51445 29.595376zM706.589595 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763z"
                                            fill="#28C445" p-id="7377"></path>
                                        <path
                                            d="M510.520231 2.959538C228.624277 2.959538 0 231.583815 0 513.479769s228.624277 510.520231 510.520231 510.520231 510.520231-228.624277 510.520231-510.520231-228.624277-510.520231-510.520231-510.520231zM413.595376 644.439306c-29.595376 0-53.271676-5.919075-81.387284-12.578034l-81.387283 41.433526 22.936416-71.768786c-58.450867-41.433526-93.965318-95.445087-93.965317-159.815029 0-113.202312 105.803468-201.988439 233.803468-201.98844 114.682081 0 216.046243 71.028902 236.023121 166.473989-7.398844-0.739884-14.797688-1.479769-22.196532-1.479769-110.982659 1.479769-198.289017 85.086705-198.289017 188.67052 0 17.017341 2.959538 33.294798 7.398844 49.572255-7.398844 0.739884-15.537572 1.479769-22.936416 1.479768z m346.265896 82.867052l17.757225 59.190752-63.630058-35.514451c-22.936416 5.919075-46.612717 11.83815-70.289017 11.83815-111.722543 0-199.768786-76.947977-199.768786-172.393063-0.739884-94.705202 87.306358-171.653179 198.289017-171.65318 105.803468 0 199.028902 77.687861 199.028902 172.393064 0 53.271676-34.774566 100.624277-81.387283 136.138728z"
                                            fill="#28C445" p-id="7378"></path>
                                    </svg></i>微信</a>
                            <a class="footer_c" @click="href()" style="height: 50px;">立即注册</a>

                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">

            </div>
            <p class="copyright" style="margin-right: 300px;">
                Copyright © 2012-2023 上海卡法电子商务有限公司 版权所有 l <沪ICP备12022075号 href="#">沪ICP备12022075号</a>
                    l
                    <span href="#">沪公网安备31010702005582号</span>
            </p>
        </div>
        <script>
            let vm = new Vue({
                el: "#main",
                data: {
                    username: "",
                    password: ""
                },
                methods: {
                    href() {
                        location.href = "register.html"
                    },
                    login() {
                        const params = new URLSearchParams()
                        params.append('user_name', this.username)
                        params.append('user_pwd', this.password)
                        axios({
                            method: 'post',
                            url: ''
                        })
                    }
                }
            })
        </script>
</body>

</html>